<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <title>${category.name}</title>
    <meta name="decorator" content="cms_default_${site.theme}"/>
    <meta name="description" content="${category.description}" />
    <meta name="keywords" content="${category.keywords}" />
    <style>

        .container{
            width:100%;
        }

        /*焦点图*/
        .banner{
            width:100%;
            height:601px;
            overflow:hidden;
        }
        .banner img{
            display:block;
            width:100%;
            height:611px;
            margin-top:-10px;
        }

        /*集团介绍*/

        /*第一部分*/
        .introduce{
            width:100%;
        }
        .introduce .part1{
            width:100%;
            height:618px;
        }
        .introduce .part1 .row{
            width:1200px;
            height:100%;
            margin:0 auto;
        }
        .introduce .part1 .row .title{
            width:100%;
            height:148px;
            text-align: center;
            padding-top:92px;
        }
        .introduce .part1 .row .title h2{
            font-size:26px;
            display: inline;
            border-bottom:1px solid #c9c9c9;
            padding-bottom:8px;
        }
        .introduce .part1 .row .title h4{
            font-size:20px;
            font-weight:normal;
            border-left:none;
            background-color: #fff;
        }
        .introduce .part1 .row .contents{
            width:100%;
            height:378px;
        }
        .introduce .part1 .row .contents img{
            display:block;
            margin:0 auto;
            margin-bottom:30px;
        }
        .introduce .part1 .row .contents .p1{
            text-align: center;
            margin-bottom:30px;
        }
        .part1 .row .contents .p1 .big{
            font-size:28px;
            color:#00a3e6;
        }
        .part1 .row .contents .p1 .small{
            font-size:20px;
            color:#454545;
        }
        .part1 .row .contents .p2{
            text-align: center;
            font-size:20px;
            color:#484848;
            margin-bottom:16px;
        }
        .part1 .row .contents .p3{
            text-align: center;
            font-size:20px;
            margin-bottom:30px;
        }
        .part1 .row .contents .p4{
            text-align: center;
            font-size:20px;
            color:#484848;
            margin-bottom:16px;
        }
        .part1 .row .contents .p5{
            text-align: center;
            font-size:20px;
            color:#484848;
        }

        /*第二部分*/
        .introduce .part2{
            width:100%;
            height:590px;
            background-color: #f2f2f2;
        }
        .introduce .part2 .row {
            width:994px;
            height:100%;
            margin:0 auto;
        }
        .introduce .part2 .row .title{
            width:100%;
            height:190px;
        }
        .introduce .part2 .row .title p{
            width:100%;
            height:100%;
            line-height:190px;
            text-align: center;
            font-size:38px;
            color:#454545;
        }
        .part2 .row .middle{
            width:100%;
            height:218px;
            margin-bottom:70px;
        }
        .part2 .row .middle div{
            width:179px;
            height:218px;
            float:left;
            margin-right:92px;
            text-align: center;
        }
        .part2 .row .middle .last{
            margin-right:0;
        }
        .part2 .row .middle div img{
            margin-bottom:18px;
        }
        .part2 .row .middle div b{
            font-size:20px;
            color:#4a4a4a;
        }
        .part2 .row .bottom p{
            text-align: center;
            font-size:18px;
            color:#484848;
        }


        /*第三部分*/
        .introduce .part3{
            width:100%;
            height:530px;
        }
        .introduce .part3 .row {
            width:1200px;
            height:440px;
            margin:0 auto;
            padding-top:90px;
        }
        .introduce .part3 .row img{
            display:block;
            margin:0 auto;
            margin-bottom:20px;
        }
        .introduce .part3 .row .p1{
            text-align: center;
            margin-bottom:66px;
        }
        .introduce .part3 .row .p1 b{
            font-size:24px;
            color:#464646;
        }
        .introduce .part3 .row .p2{
            text-align: center;
            margin-bottom:30px;
        }
        .introduce .part3 .row .p2 b{
            font-size:22px;
            color:#049bea;
        }
        .introduce .part3 .row .p3{
            text-align: center;
            font-size:16px;
            color:#717171;
            margin-bottom:16px;
        }
        .introduce .part3 .row .p4{
            text-align: center;
            font-size:16px;
            color:#717171;
            margin-bottom:16px;
        }
        .introduce .part3 .row .p5{
            text-align: center;
            font-size:16px;
            color:#717171;
        }


        /*第四部分*/
        .introduce .part4{
            width:100%;
            height:294px;
            background-color: #141311;
        }
        .introduce .part4 .row{
            width:1100px;
            height:100%;
            margin:0 auto;
        }
        .introduce .part4 .row .sancheng{
            width:250px;
            height:268px;
            background-color: #0587c3;
            margin-top:45px;
            position:relative;
            float:left;
            margin-right:19px;
        }
        .part4 .row .sancheng .three{
            position:absolute;
            left:18px;
            top:53px;
        }
        .part4 .row .sancheng .cheng{
            position:absolute;
            left:36px;
            top:98px;
        }
        .part4 .row .sancheng .english1{
            display:block;
            width:6px;
            height:159px;
            position:absolute;
            left:182px;
            top:18px;
        }
        .part4 .row .sancheng .p2{
            font-size:28px;
            font-weight:bolder;
            position:absolute;
            right:25px;
            top:18px;
            width:28px;
            color:#fff;
            line-height:40px;
        }
        .introduce .part4 .row .sincerity{
            width:260px;
            height:280px;
            background-color: #393738;
            color:#fff;
            float:left;
            margin-right:22px;
            margin-top:8px;
            text-align: center;
        }
        .part4 .row .sincerity img{
            display:block;
            margin:0 auto;
            margin-top:64px;
            margin-bottom:10px;

        }
        .part4 .row .sincerity h3{
            font-size:34px;
        }
        .part4 .row .sincerity p{
            font-size:18px;
            display: inline;
            border-bottom:1px solid #fff;
            padding-bottom:5px;
        }
        .part4 .row .sincerity .english2{
            display:block;
            width:119px;
            height:8px;
            margin-top:20px;
        }
        .introduce .part4 .row .faith{
            width:260px;
            height:280px;
            background-color: #393738;
            color:#fff;
            float:left;
            margin-right:22px;
            margin-top:8px;
            text-align: center;
        }
        .part4 .row .faith img{
            display:block;
            margin:0 auto;
            margin-top:60px;
            margin-bottom:10px;
        }
        .part4 .row .faith h3{
            font-size:34px;
        }
        .part4 .row .faith p{
            font-size:18px;
            display: inline;
            border-bottom:1px solid #fff;
            padding-bottom:5px;
        }
        .part4 .row .faith .english3{
            display:block;
            width:138px;
            height:9px;
            margin-top:0;
            margin-top:20px;
        }
        .introduce .part4 .row .honest{
            width:260px;
            height:280px;
            background-color: #393738;
            color:#fff;
            float:left;
            margin-top:8px;
            text-align: center;
        }
        .part4 .row .honest img{
            display:block;
            margin:0 auto;
            margin-top:60px;
            margin-bottom:10px;
        }
        .part4 .row .honest h3{
            font-size:34px;
        }
        .part4 .row .honest p{
            font-size:18px;
            display: inline;
            border-bottom:1px solid #fff;
            padding-bottom:5px;
        }
        .part4 .row .honest .english4{
            display:block;
            width:96px;
            height:9px;
            margin-top:0;
            margin-top:20px;
        }

        /*知识产权*/
        .property{
            width:100%;
            height:778px;
        }
        .property .row{
            width:930px;
            height:100%;
            /*background-color: #00B83F;*/
            margin:0 auto;
        }
        .property .row .title{
            width:100%;
            height:118px;
            padding-top:94px;
            text-align: center;
        }
        .property .row .title h2{
            font-size:26px;
            display: inline;
            border-bottom:1px solid #c9c9c9;
            padding-bottom:8px;
        }
        .property .row .title h4{
            font-size:20px;
            font-weight:normal;
            border-left:none;
            background-color: #fff;
        }
        .property .row .middle{
            width:100%;
            height:150px;
            text-align: center;
        }
        .property .row .middle img{
            display:block;
            margin:0 auto;
            margin-bottom:20px;
        }
        .property .row .middle p{
            font-size:20px;
        }
        .property .row .bottom{
            width:100%;
            height:320px;
        }
        .property .row .bottom ul{
            width:100%;
            height:100%;
            list-style: none;
            margin:0;
        }
        .property .row .bottom ul li{
            width:185px;
            height:160px;
            float:left;
        }
        .row .bottom ul li p{
            font-size:18px;
            text-align: center;
        }
        .row .bottom ul li img{
            display:block;
            margin:0 auto;
        }
        .row .bottom ul .lenong{
            border-bottom:1px solid #ccc;
            border-right:1px solid #ccc;
        }
        .row .bottom ul .lenong img{
            margin-top:11px;
        }
        .row .bottom ul .lenong p{
            margin-top:30px;
        }
        .row .bottom ul .yishan{
            border-bottom:1px solid #ccc;
            border-right:1px solid #ccc;
        }
        .row .bottom ul .yishan img{
            margin-top:8px;
        }
        .row .bottom ul .yishan p{
            margin-top:12px;
        }
        .row .bottom ul .shendu{
            border-bottom:1px solid #ccc;
            border-right:1px solid #ccc;
        }
        .row .bottom ul .shendu img{
            margin-top:41px;
        }
        .row .bottom ul .shendu p{
            margin-top:36px;
        }
        .row .bottom ul .e{
            border-bottom:1px solid #ccc;
            border-right:1px solid #ccc;
        }
        .row .bottom ul .e img{
            margin-top:35px;
        }
        .row .bottom ul .e p{
            margin-top:28px;
        }
        .row .bottom ul .yataidianshang{
            border-bottom:1px solid #ccc;
        }
        .row .bottom ul .yataidianshang img{
            margin-top:9px;
        }
        .row .bottom ul .yataidianshang p{
            margin-top:12px;
        }
        .row .bottom ul .yiyu{
            border-right:1px solid #ccc;
        }
        .row .bottom ul .yiyu img{
            margin-top:18px;
        }
        .row .bottom ul .yiyu p{
            margin-top:16px;
            margin-bottom:0;
        }
        .row .bottom ul .shishang{
            border-right:1px solid #ccc;
        }
        .row .bottom ul .shishang img{
            margin-top:24px;
        }
        .row .bottom ul .shishang p{
            margin-top:24px;
            margin-bottom:0;
        }
        .row .bottom ul .lv{
            border-right:1px solid #ccc;
        }
        .row .bottom ul .lv img{
            margin-top:14px;
        }
        .row .bottom ul .lv p{
            margin-top:16px;
            margin-bottom:0;
        }
        .row .bottom ul .huacheng{
            border-right:1px solid #ccc;
        }
        .row .bottom ul .huacheng img{
            margin-top:53px;
        }
        .row .bottom ul .huacheng p{
            margin-top:44px;
            margin-bottom:0;
        }
        .row .bottom ul .yiren img{
            margin-top:62px;
        }
        .row .bottom ul .yiren p{
            margin-top:40px;
            margin-bottom:0;
        }
    </style>
</head>
<body>

<%--焦点图--%>
<div class="banner">
    <img src="banner2.png">
</div>


<%--集团介绍--%>
<div class="introduce">

    <%--第一部分--%>
    <div class="part1">
        <div class="row">
            <div class="title">
                <h2>INTRODUCE</h2>
                <h4>集团介绍</h4>
            </div>
            <div class="contents">
                <img src="companyLogo.png"/>
                <p class="p1">
                    <span class="big">河北雅泰信息科技集团有限公司</span>
                    <span class="small">（简称：河北雅泰集团）</span>
                </p>
                <p class="p2">成立于2008年，位于河北省沧州市高新区，</p>
                <p class="p3"><b>国家高新技术企业，沧州市电子商务协会会长单位，沧州市“一带一馆”政府制定运营商。</b></p>
                <p class="p4">雅泰集团专注于电子商务领域，是国内领先的电子商务产业运营商和服务商，设有5个子公司--10余家分公司--1所培训学校，</p>
                <p class="p5">在北京--上海--东京等地设有办事处。</p>
            </div>
        </div>
    </div>


    <%--第二部分--%>
    <div class="part2">
        <div class="row">
            <div class="title">
                <p>集团公司业务设计领域</p>
            </div>
            <div class="middle">
                <div>
                    <img src="field1.jpg"/>
                    <b>农村电商</b>
                </div>
                <div>
                    <img src="field2.jpg"/>
                    <b>跨境电商</b>
                </div>
                <div>
                    <img src="field3.jpg"/>
                    <b>电商平台建设运营</b>
                </div>
                <div class="last">
                    <img src="field4.jpg"/>
                    <b>电商培训</b>
                </div>
            </div>
            <div class="bottom">
                <p>供应链管理、电商园区建设运营、仓储物流、互联网金融......</p>
            </div>
        </div>
    </div>

    <%--第三部分--%>
    <div class="part3">
        <div class="row">
            <img src="eCity.png"/>
            <p class="p1">
                <b>
                    E城市（逸城市）的E为电子商务英文E-commerce的简称，E城市即电子商务城市
                </b>
            </p>
            <p class="p2">
                <b>
                    在国内首次提出“E城市” “E县域”概念
                </b>
            </p>
            <p class="p3">
                通过与当地政府一起引进和搭建电子商务项目和平台系统，为快速发展中的城市铺设电子商务时代新型的基础设施和公共服务，
            </p>
            <p class="p4">
                并在此基础上提供全面解决方案并落地执行，
            </p>
            <p class="p5">
                将传统城市打造成一个基于电子商务云构架的现代化创新驱动型城市。
            </p>
        </div>
    </div>

    <%--第四部分--%>
    <div class="part4">
        <div class="row">
            <div class="sancheng">
                <img src="three.png" class="three"/>
                <img src="cheng.png" class="cheng"/>
                <img src="english1.gif" class="english1"/>
                <p class="p2">企业文化</p>
            </div>
            <div class="sincerity">
                <img src="heart.png"/>
                <h3>诚心</h3>
                <p>诚心待人</p>
                <img src="english2.gif" class="english2"/>
            </div>
            <div class="faith">
                <img src="xin.jpg"/>
                <h3>诚信</h3>
                <p>诚信做事</p>
                <img src="english3.gif" class="english3"/>
            </div>
            <div class="honest">
                <img src="honest.png"/>
                <h3>诚实</h3>
                <p>诚实做人</p>
                <img src="english4.gif" class="english4"/>
            </div>
        </div>
    </div>

</div>


<%--知识产权--%>
<div class="property">
    <div class="row">
        <div class="title">
            <h2>INTRODUCE</h2>
            <h4>知识产权</h4>
        </div>
        <div class="middle">
            <img src="chuizi.png"/>
            <p>雅泰集团重视知识产权的保护，并且拥有多个注册商标。</p>
        </div>
        <div class="bottom">
            <ul>
                <li class="lenong">
                    <img src="lenong.png"/>
                    <p>乐农</p>
                </li>
                <li class="yishan">
                    <img src="yishan.png"/>
                    <p>以山</p>
                </li>
                <li class="shendu">
                    <img src="shendu.png"/>
                    <p>慎独</p>
                </li>
                <li class="e">
                    <img src="e.png"/>
                    <p>E城市</p>
                </li>
                <li class="yataidianshang">
                    <img src="yataidianshang.png"/>
                    <p>雅泰电商学院</p>
                </li>
                <li class="yiyu">
                    <img src="yiyu.png"/>
                    <p>以渔</p>
                </li>
                <li class="shishang">
                    <img src="shishang.jpg"/>
                    <p>食尚优品</p>
                </li>
                <li class="lv">
                    <img src="lv.jpg"/>
                    <p>爱驴客</p>
                </li>
                <li class="huacheng">
                    <img src="huacheng.jpg"/>
                    <p>华诚汇</p>
                </li>
                <li class="yiren">
                    <img src="yiren.png"/>
                    <p>以仁医疗</p>
                </li>
            </ul>
        </div>
    </div>
</div>

</body>
</html>
